<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/valkyries.css">
    <link rel="stylesheet" href="./css/nav.css">
    <link rel="stylesheet" href="./css/footer.css">
    <title>仿《崩坏3》官方网站-为世界上所有的美好而战</title>
</head>

<body>
    <div class="nuxt">
        <div class="layout">
            <div id="frame" ondragstart="return false;" class="root">
                <div class="nav">
                    <div class="nav-wrap">
                        <div class="nav-list">
                            <div class="nav-list-item">
                                <div>官网首页</div>
                                <span>HOME</span>
                            </div>
                            <div class="nav-list-item">
                                <div>作战资讯</div>
                                <span>NEWS</span>
                            </div>
                            <div class="nav-list-item active">
                                <div>女武神</div>
                                <span>VALKYRIES</span>
                            </div>
                            <div class="nav-list-item">
                                <div>动画壁纸</div>
                                <span>WALLPAPERS</span>
                            </div>
                            <div class="nav-list-item">
                                <div>周边商城</div>
                                <span>MERCH</span>
                            </div>
                            <div class="nav-list-item">
                                <div>官方社区</div>
                                <span>FORUM</span>
                            </div>
                        </div>
                        <div class="nav-ft">
                            <a href="https://jiazhang.mihoyo.com" target="_blank" class="nav-ft-item">
                                <div>成长关爱系统</div>
                                <span>PROGRESS</span>
                            </a>
                            <a href="https://user.mihoyo.com" target="_blank" class="nav-ft-item">
                                <div>米哈游通行证</div>
                                <span>miHoYo PASS</span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="valkyries">
                    <div class="valkyries-title">
                        <span>女武神</span>
                        <span>/</span>
                        <span>VALKYRIES</span>
                    </div>
                    <div class="valkyries-wrap">
                        <div class="valkyries-list">
                            <div class="valkyries-item">
                                <div>
                                    <div class="valkyries-item_title">
                                        <div>琪亚娜·卡斯兰娜</div>
                                        <div class="role-line"></div>
                                        <div>Kiana Kaslana</div>
                                    </div>
                                    <div class="roles">
                                        <a href="./valkyries-detail.html">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/1-1.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/1-2.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/1-3.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/1-4.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/1-5.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/1-6.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div>
                                    <div class="valkyries-item_title">
                                        <div>雷电芽衣</div>
                                        <div class="role-line"></div>
                                        <div>Raiden Mei</div>
                                    </div>
                                    <div class="roles">
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/2-1.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/2-2.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/2-3.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/2-4.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/2-5.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/2-6.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/2-7.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div>
                                    <div class="valkyries-item_title">
                                        <div>布洛妮娅·扎伊切克</div>
                                        <div class="role-line"></div>
                                        <div>Bronya Zaychik</div>
                                    </div>
                                    <div class="roles">
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/3-1.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/3-2.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/3-3.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/3-4.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/3-5.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/3-6.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/3-7.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/3-8.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/3-9.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div>
                                    <div class="valkyries-item_title">
                                        <div>无量塔姬子</div>
                                        <div class="role-line"></div>
                                        <div>Murata Himeko</div>
                                    </div>
                                    <div class="roles">
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/4-1.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/4-2.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/4-3.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/4-4.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/4-5.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/4-6.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div>
                                    <div class="valkyries-item_title">
                                        <div>八重樱</div>
                                        <div class="role-line"></div>
                                        <div>Yae Sakura</div>
                                    </div>
                                    <div class="roles">
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/5-1.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/5-2.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/5-3.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/5-4.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div>
                                    <div class="valkyries-item_title">
                                        <div>德丽莎·阿波卡利斯</div>
                                        <div class="role-line"></div>
                                        <div>Theresa Apocalypse</div>
                                    </div>
                                    <div class="roles">
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/6-1.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/6-2.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/6-3.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/6-4.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/6-5.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/6-6.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/6-7.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div>
                                    <div class="valkyries-item_title">
                                        <div>卡莲·卡斯兰娜</div>
                                        <div class="role-line"></div>
                                        <div>Kallen Kaslana</div>
                                    </div>
                                    <div class="roles">
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/7-1.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/7-2.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/7-3.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div>
                                    <div class="valkyries-item_title">
                                        <div>符华</div>
                                        <div class="role-line"></div>
                                        <div>Fu Hua</div>
                                    </div>
                                    <div class="roles">
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/8-1.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/8-2.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/8-3.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/8-4.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/8-5.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/8-6.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/8-7.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div>
                                    <div class="valkyries-item_title">
                                        <div>丽塔·洛丝薇瑟</div>
                                        <div class="role-line"></div>
                                        <div>Rita Rossweisse</div>
                                    </div>
                                    <div class="roles">
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/9-1.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/9-2.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/9-3.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/9-4.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div>
                                    <div class="valkyries-item_title">
                                        <div>希儿·芙乐艾</div>
                                        <div class="role-line"></div>
                                        <div>Seele Vollerei</div>
                                    </div>
                                    <div class="roles">
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/10-1.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/10-2.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/10-3.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div>
                                    <div class="valkyries-item_title">
                                        <div>萝莎莉娅·阿琳</div>
                                        <div class="role-line"></div>
                                        <div>Rozaliya Olenyeva</div>
                                    </div>
                                    <div class="roles">
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/11-1.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/11-2.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div>
                                    <div class="valkyries-item_title">
                                        <div>莉莉娅·阿琳</div>
                                        <div class="role-line"></div>
                                        <div>Liliya Olenyeva</div>
                                    </div>
                                    <div class="roles">
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/12-1.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div>
                                    <div class="valkyries-item_title">
                                        <div>菲谢尔</div>
                                        <div class="role-line"></div>
                                        <div>Fischl</div>
                                    </div>
                                    <div class="roles">
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/14-1.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div>
                                    <div class="valkyries-item_title">
                                        <div>幽兰黛尔</div>
                                        <div class="role-line"></div>
                                        <div>Durandal</div>
                                    </div>
                                    <div class="roles">
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/13-1.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/13-2.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                        <a href="">
                                            <div class="base-role-btn">
                                                <div class="imgbox">
                                                    <img src="./img/13-3.png" alt="">
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="footer">
                    <div>
                        <div class="bottom-footer">
                            <div class="footer-content">
                                <div class="footer-logo">
                                    <div style="display: flex; align-items: center;">
                                        <img src="./img/logo.png" alt="logo" style="user-select: none;">
                                        <span></span>
                                        <h1>
                                            <img src="./img/game-logo.png" alt="game-logo" class="game-logo">
                                        </h1>
                                    </div>
                                    <div></div>
                                </div>
                                <div class="footer-info">
                                    <div class="footer-link">
                                        <div class="footer-protocol">
                                            <div>
                                                <a href="#" class="protocol" target="_blank">用户协议</a> |
                                                <a href="#" class="protocol" target="_blank">隐私政策</a> |
                                                <a href="#" class="protocol" target="_blank">家长监护工程</a> |
                                                <a href="#" class="protocol" target="_blank">关于我们</a> |
                                                <a href="#" class="protocol" target="_blank">联系我们</a> |
                                                <a href="#" class="protocol" target="_blank">加入我们</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="footer-advice">
                                        <p class="advice-info"> 健康游戏忠告：抵制不良游戏，拒绝盗版游戏。注意自我保护，谨防受骗上当。适度游戏益脑，沉迷游戏伤身。合理安排时间，享受健康生活。 </p>
                                        <div class="inline-info">
                                            <div class="shiling-info">
                                                <span>适龄提示： 本游戏适合16岁以上玩家娱乐</span>
                                            </div>
                                            <span class="split-line">|</span>
                                            <a href="#" class="footer-filing-item" target="_blank">            沪公网安备31010402001113号          </a>
                                            <span class="split-line">|</span>
                                            <span class="footer-filing-item">增值电信业务经营许可证：沪B2-20190555</span>
                                        </div>
                                    </div>
                                    <div class="footer-filing">
                                        <div class="footer-filing-content">
                                            <a href="#" target="_blank" class="footer-filing-item">沪ICP备19018275号-4</a>
                                            <span class="split-line">|</span>
                                            <span class="footer-filing-item"> 沪网文〔2019〕3168-216号 </span>
                                            <span class="split-line">|</span>
                                            <span class="footer-filing-item">文网游备字〔2016〕Ｍ-CSG 1244 号</span>
                                            <span class="split-line">|</span>
                                            <span class="footer-filing-item">新广出审【2016】961号</span>
                                        </div>
                                        <div class="footer-filing-tip">
                                            <span>            互联网违法不良信息举报邮箱: tousu@mihoyo.com          </span>
                                            <span>            互联网违法不良信息举报电话: 021-34203135 （工作时间：每天10点 -            20点）          </span>
                                        </div>
                                    </div>
                                    <div class="footer-tip"> 亲爱的市民朋友，上海警方反诈劝阻电话“962110”系专门针对避免您财产被骗受损而设，请您一旦收到来电，立即接听。 </div>
                                    <div class="bottom-copyright">© 2016 米哈游版权所有</div>
                                    <div class="complaint-phone">客服电话：86-021-34203305</div>
                                    <div class="footer-icon">
                                        <a href="#" target="_blank" style="background-image: url(./img/bottom-1.png);"></a>
                                        <a href="#" target="_blank" style="background-image: url(./img/bottom-2.png);"></a>
                                        <a href="#" target="_blank" style="background-image: url(./img/bottom-3.png);"></a>
                                        <a href="#" target="_blank" style="background-image: url(./img/bottom-4.png);"></a>
                                        <a href="#" target="_blank" style="background-image: url(./img/bottom-5.png);"></a>
                                        <a href="#" target="_blank" style="background-image: url(./img/bottom-6.png);"></a>
                                        <a href="#" target="_blank" style="background-image: url(./img/bottom-7.png);"></a>
                                        <a href="#" target="_blank" style="background-image: url(./img/bottom-8.png);"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>